<!DOCTYPE html>
<html>
    <head>
        <title>Event Page</title>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="description" content="Circular Content Carousel with jQuery" />
        <meta name="keywords" content="jquery, conent slider, content carousel, circular, expanding, sliding, css3" />
		<meta name="author" content="Codrops" />
		<link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.css" media="all" />
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />
    </head>
<body>
	<div id="ca-container" class="ca-container">
		<div class="ca-wrapper">
			<div id="item1" class="ca-item ca-item-1">
				<div class="ca-item-main">
					<div class="ca-icon"></div>
					<h3>StarBucks</h3>
					<h4>
						<span class="ca-quote">&ldquo;</span>
						<span>스타벅스가 선착순 100명에게 아메리카노를 쏩니다</span>
					</h4>
					<a href="#" class="ca-more">more...</a>
				</div>
				<div class="ca-content-wrapper">
					<div class="ca-content">
						<h6>스타벅스와 함께 아메리카노 100잔!</h6>
						<a href="#" class="ca-close">close</a>
						<div class="ca-content-text">
							<p>2012. 11. 28 ~ 2012. 11. 29</p>
							<p>이곳에 상세 내용을 적으면 됩니다.</p>
						</div>
						<ul>
							<li><a href="#">홈페이지 가보기</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div id="item2" class="ca-item ca-item-2">
				<div class="ca-item-main-center">
					<div class="ca-icon"></div>
					<h3>광동제약</h3>
					<h4>
						<span class="ca-quote">&ldquo;</span> <span>광동제약이 선착순
							100명에게 비타500을 쏩니다</span>
					</h4>
					<a href="#" class="ca-more">more...</a>
				</div>
				<div class="ca-content-wrapper">
					<div class="ca-content">
						<h6>스타벅스와 함께 아메리카노 100잔!</h6>
						<a href="#" class="ca-close">close</a>
						<div class="ca-content-text">
							<p>2012. 11. 28 ~ 2012. 11. 29</p>
							<p>이곳에 상세 내용을 적으면 됩니다.</p>
						</div>
						<ul>
							<li><a href="#">홈페이지 가보기</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div id="item3" class="ca-item ca-item-3">
				<div class="ca-item-main">
					<div class="ca-icon"></div>
					<h3>소니코리아</h3>
					<h4>
						<span class="ca-quote">&ldquo;</span> <span>스타벅스가 선착순
							100명에게 아메리카노를 쏩니다</span>
					</h4>
					<a href="#" class="ca-more">more...</a>
				</div>
				<div class="ca-content-wrapper">
					<div class="ca-content">
						<h6>스타벅스와 함께 아메리카노 100잔!</h6>
						<a href="#" class="ca-close">close</a>
						<div class="ca-content-text">
							<p>2012. 11. 28 ~ 2012. 11. 29</p>
							<p>이곳에 상세 내용을 적으면 됩니다.</p>
						</div>
						<ul>
							<li><a href="#">홈페이지 가보기</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div id="item4" class="ca-item ca-item-4">
				<div class="ca-item-main">
					<div class="ca-icon"></div>
					<h3>삼천리자전거</h3>
					<h4>
						<span class="ca-quote">&ldquo;</span> <span>스타벅스가 선착순
							100명에게 아메리카노를 쏩니다</span>
					</h4>
					<a href="#" class="ca-more">more...</a>
				</div>
				<div class="ca-content-wrapper">
					<div class="ca-content">
						<h6>스타벅스와 함께 아메리카노 100잔!</h6>
						<a href="#" class="ca-close">close</a>
						<div class="ca-content-text">
							<p>2012. 11. 28 ~ 2012. 11. 29</p>
							<p>이곳에 상세 내용을 적으면 됩니다.</p>
						</div>
						<ul>
							<li><a href="#">홈페이지 가보기</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div id="item5" class="ca-item ca-item-5">
				<div class="ca-item-main">
					<div class="ca-icon"></div>
					<h3>Apple inc.</h3>
					<h4>
						<span class="ca-quote">&ldquo;</span> <span>스타벅스가 선착순
							100명에게 아메리카노를 쏩니다</span>
					</h4>
					<a href="#" class="ca-more">more...</a>
				</div>
				<div class="ca-content-wrapper">
					<div class="ca-content">
						<h6>스타벅스와 함께 아메리카노 100잔!</h6>
						<a href="#" class="ca-close">close</a>
						<div class="ca-content-text">
							<p>2012. 11. 28 ~ 2012. 11. 29</p>
							<p>이곳에 상세 내용을 적으면 됩니다.</p>
						</div>
						<ul>
							<li><a href="#">홈페이지 가보기</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div id="item6" class="ca-item ca-item-6">
				<div class="ca-item-main">
					<div class="ca-icon"></div>
					<h3>Rayban 선그라스</h3>
					<h4>
						<span class="ca-quote">&ldquo;</span> <span>스타벅스가 선착순
							100명에게 아메리카노를 쏩니다</span>
					</h4>
					<a href="#" class="ca-more">more...</a>
				</div>
				<div class="ca-content-wrapper">
					<div class="ca-content">
						<h6>스타벅스와 함께 아메리카노 100잔!</h6>
						<a href="#" class="ca-close">close</a>
						<div class="ca-content-text">
							<p>2012. 11. 28 ~ 2012. 11. 29</p>
							<p>이곳에 상세 내용을 적으면 됩니다.</p>
						</div>
						<ul>
							<li><a href="#">홈페이지 가보기</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div id="item7" class="ca-item ca-item-7">
				<div class="ca-item-main">
					<div class="ca-icon"></div>
					<h3>Save the planet</h3>
					<h4>
						<span class="ca-quote">&ldquo;</span> <span>스타벅스가 선착순
							100명에게 아메리카노를 쏩니다</span>
					</h4>
					<a href="#" class="ca-more">more...</a>
				</div>
				<div class="ca-content-wrapper">
					<div class="ca-content">
						<h6>스타벅스와 함께 아메리카노 100잔!</h6>
						<a href="#" class="ca-close">close</a>
						<div class="ca-content-text">
							<p>2012. 11. 28 ~ 2012. 11. 29</p>
							<p>이곳에 상세 내용을 적으면 됩니다.</p>
						</div>
						<ul>
							<li><a href="#">홈페이지 가보기</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- ca-wrapper-->
	</div>
	<!-- ca-container-->

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" ></script>
	<script type="text/javascript" src="css/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="css/jquery.mousewheel.js"></script>
	<script type="text/javascript" src="css/jquery.contentcarousel.js"></script>
	<script type="text/javascript"> $('#ca-container').contentcarousel(); </script>
</body>
</html>